草庐IT

ES 数据建模

全部标签

javascript - jQuery 对象数据结构

我正在尝试创建一个可以支持方法链的迷你jQuery克隆。到目前为止,我已经想出了这段代码:var$=(function(){varelements=[];functionmethodOne(){console.log('Method1');returnthis;}functionmethodTwo(){console.log('Method2');returnthis;}return{methodOne:methodOne,methodTwo:methodTwo};}());在页面加载时,$变量被IIFE返回的jQuery克隆对象填充。我的问题是,如何使$对象作为函数直接调用,同时仍然

javascript - 如何在支持 tree shaking 的同时使用 `chain` 和 `lodash-es`?

众所周知,lodash-es使用更模块化的语法构建,以通过构建工具支持treeshaking。但是,chain相关的功能意味着一些功能附加到对象/原型(prototype)链。我可以看到chain是用lodash-es发布的,但我不确定如何通过其他链接方法正确导入它。用例可能如下所示:import{chain}from'lodash-es'exportfunctiondouble(input){returnchain(input).without(null).map(val=>val*2).value().join(',')}编辑#1:重点不在于如何导入chain,而在于如何导入其他c

javascript - Webpack 在使用继承缩小/丑化 ES6 代码时删除了类名

Webpack在使用继承缩小/丑化ES6代码时删除了类名:有MVCE我们尝试缩小/丑化的代码:子类:constParentClass=require('parent');classChildextendsParentClass{constructor(){super();}}module.exports=Child;index.js调用Child类:constChild=require('./classes_so/child');letchild=newChild();console.log(child.constructor.name);node_modules中的ModulePar

javascript - 自动完成在自动完成窗口中显示相关数据

我有3个输入字段,1个用于数据类型,另外2个与其相关。当我在数据类型字段中按下按钮时,我想显示这样的自动完成窗口而不是这个选择后应该是这样的HTMLJS$(document).on('focus','.type',function(){type=$(this).data('type');if(type=='vehicle')autoTypeNo=1;$(this).autocomplete({source:function(request,response){$.ajax({url:'autocomplete.php',dataType:"json",method:'post',dat

javascript - 修复未重新渲染的子组件的方法(由于作为 Prop 而不是状态传递的数据发生变化)?

背景我正在开发一个使用ReactJS作为渲染库的Meteor应用。目前,我在更新数据时重新渲染子组件时遇到了问题,即使父组件正在访问更新后的数据并且应该将其传递给子组件也是如此。父组件是一个数据表。子组件是一个点击编辑日期字段。它(理论上)的工作方式:父组件将现有的日期数据作为prop传递给子组件。子组件获取现有的props数据,处理它并使用它设置一些状态,然后有2个选项:默认:显示数据如果用户单击数据字段:更改为输入并允许用户选择日期(使用react-datepicker),更改状态——当用户单击字段外部时,触发返回以仅显示并保存更新的数据状态到数据库我在表格的每一行中使用了两次子组

JavaScript 从非 ES6 类覆盖到 ES6 类

在我的Webapp中,我需要实现一个API,它不包含任何ES6类定义,但我想扩展其中一个类并覆盖一些方法。覆盖无法正常工作...functionA(){this.msg=function(){console.log("A");}}classB{constructor(){A.call(this);}msg(){console.log("B");}}newB().msg();我希望结果是“B”,但是“类”A的方法被执行了。 最佳答案 问题是在A中,msg函数附加到构造函数中的this-那也就是说,msg属性直接附加到实例对象本身,而不

javascript - 如何在不同的上下文中使用 es6 构造函数指令

是否可以通过更改“this”上下文(调用、应用或其他)在另一个实例上使用es6构造函数指令?这可以使用es5“类”。这是我的意思的一个小例子:functionES5(){this.foo='foo';}classES6{constructor(){this.bar='bar';}}vara=newES6();ES5.call(a);console.log(a.foo+a.bar);//foobarvarb=newES5();//Reflect.construct(ES6);??ES6.call(b);//TypeError:ClassconstructorES6cannotbeinvo

javascript - 将大型元素/数据集附加到 dom 的性能

我一次附加大量表格行元素,遇到了一些主要瓶颈。目前我正在使用jQuery,但如果它能完成工作,我愿意接受基于javascript的解决方案。我需要在给定时间追加0-100表行的任何地方(实际上可能更多,但我会对超过100行的任何内容进行分页)。现在我将每个表行单独附加到dom...loop{..buildhtmlstr...$("#myTable").append(row);}然后我将它们全部淡入淡出$("#myTabletr").fadeIn();这里有几件事需要考虑...1)我将数据绑定(bind)到每个单独的表行,这就是为什么我首先从批量追加切换到追加单独的行。2)我真的很喜欢淡

javascript - 如何在 JavaScript 中缓存非顺序移位范围的数据?

编辑:为了简单起见,并且为了尝试使这个问题和示例代码更通用,我省略了一个细节。根据其中一个回应(很棒),这个细节被证明很重要。该系统将主要用于显示日期范围内的事物。代码中的低/高数字通常代表Unix时间戳,其范围可能跨越数周或数月。结束编辑我有一个页面,我在其中提供了具有特定范围内的属性的数据对象的View。当用户与View交互以更改它时,它通常是对范围(0-9、10-19...)的顺序更改。我正在从服务器检索此数据,当它进入时,我将其缓存,以便对该范围内的数据的后续请求已经可用。每次读取数据时,我首先检查是否有缓存数据,如果没有我从服务器读取它并调整缓存。这里是一个粗略的、过于简化的

javascript - 如何判断表单上的数据是用户输入的还是浏览器输入的?

我有一个结帐表单,它会显示一个弹出式调查,询问他们为什么在5秒后还没有开始填写表单。但是,我需要能够检查用户是否实际输入了数据,而不是通过浏览器的自动填充功能输入的数据(我在javascript或jQuery中特别忽略的标记中的任何预填充数据集)。现在我的解决方案是让setTimeout运行一个函数,该函数检查在输入类型(输入、选择、文本区域)上的jQuery.focus或.change事件上设置为false的变量(true或false)。但是,由于javascript可能会在用户能够使用表单元素后加载,因此我必须在弹出调查之前检查用户是否输入了数据。如果在用户对表单字段执行任何操作后